<template>
    <div>
        <!-- <a href="url">点击跳转 到百度</a>  错误写法 -->
        <!-- <a href="{{ url }}">点击跳转 到百度</a>    错误写法 -->

        <!-- <a :href="url">点击跳转到百度</a> -->
        <a v-bind:href="url">点击跳转到百度</a>
    </div>
</template>

<script>
export default {
    data() {
        return {
            url: "https://www.baidu.com/",
        };
    },
};
</script>
